
<!-- saved from url=(0060)http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="Author" content="Ho Ngoc Duc">
<title>Ho Ngoc Duc's Lunar Calendar</title>
<script language="JavaScript" src="./Ho Ngoc Duc's Lunar Calendar_2_files/amlich-hnd.js" type="text/javascript"></script>
<script language="JavaScript">
<!--
	showVietCal();
-->
</script>
</head>
<body onload="" hkid="[object HTMLBodyElement]">

<h1>Chương trình âm lịch bằng JavaScript</h1>

<table align="center" cellspacing="1" border="0">

<tbody><tr>
<td align="center">

<script language="JavaScript">
<!--
	document.writeln(printSelectedMonth());
//-->
</script><style type="text/css">
<!--
  .tennam {text-align:center; font-size:150%; line-height:120%; font-weight:bold; color:#000000; background-color: #CCCCCC}
  .thang {font-size: 13pt; padding:1; line-height:100%; font-family:Tahoma,Verdana,Arial; table-layout:fixed}
  .tenthang {text-align:center; font-size:125%; line-height:100%; font-weight:bold; color:#330033; background-color: #CCFFCC}
  .navi-l {text-align:center; font-size:75%; line-height:100%; font-family:Verdana,Times New Roman,Arial; font-weight:bold; color:red; background-color: #CCFFCC}
  .navi-r {text-align:center; font-size:75%; line-height:100%; font-family:Verdana,Arial,Times New Roman; font-weight:bold; color:#330033; background-color: #CCFFCC}
  .ngaytuan {width:14%; text-align:center; font-size:125%; line-height:100%; color:#330033; background-color: #FFFFCC}
  .ngaythang {background-color:#FDFDF0}
  .homnay {background-color:#FFF000}
  .tet {background-color:#FFCC99}
  .am {text-align:right;font-size:75%;line-height:100%;color:blue}
  .am2 {text-align:right;font-size:75%;line-height:100%;color:#004080}
  .t2t6 {text-align:left;font-size:125%;color:black}
  .t7 {text-align:left;font-size:125%;line-height:100%;color:green}
  .cn {text-align:left;font-size:125%;line-height:100%;color:red}
-->
</style>
<table class="thang" border="2" cellpadding="1" cellspacing="1" width="420px">
<tbody><tr><td colspan="2" class="navi-l"><a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/?yy=2010&mm=12">&lt;&lt;</a> &nbsp;<a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/?yy=2011&mm=11">&lt;</a></td>
<td colspan="3" class="tenthang" onclick="showMonthSelect();">12/2011</td>
<td colspan="2" class="navi-r"><a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/?yy=2012&mm=1">&gt;</a> &nbsp;<a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/?yy=2012&mm=12">&gt;&gt;</a></td></tr>
<tr onclick="alertAbout();">
<td class="ngaytuan">CN</td>
<td class="ngaytuan">T2</td>
<td class="ngaytuan">T3</td>
<td class="ngaytuan">T4</td>
<td class="ngaytuan">T5</td>
<td class="ngaytuan">T6</td>
<td class="ngaytuan">T7</td>
</tr>
<tr>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang" title="Ngày Canh Dần, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(7,11,2011,0,2455897,1,12,2011);" <div="" style="color:black">1 <div class="am">7/11</div></td>
<td class="ngaythang" title="Ngày Tân Mão, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(8,11,2011,0,2455898,2,12,2011);" <div="" style="color:black">2 <div class="am">8</div></td>
<td class="ngaythang" title="Ngày Nhâm Thìn, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(9,11,2011,0,2455899,3,12,2011);" <div="" style="color:green">3 <div class="am">9</div></td>
</tr>
<tr>
<td class="ngaythang" title="Ngày Quý Tỵ, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(10,11,2011,0,2455900,4,12,2011);" <div="" style="color:red">4 <div class="am">10</div></td>
<td class="ngaythang" title="Ngày Giáp Ngọ, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(11,11,2011,0,2455901,5,12,2011);" <div="" style="color:black">5 <div class="am">11</div></td>
<td class="ngaythang" title="Ngày Ất Mùi, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(12,11,2011,0,2455902,6,12,2011);" <div="" style="color:black">6 <div class="am">12</div></td>
<td class="ngaythang" title="Ngày Bính Thân, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(13,11,2011,0,2455903,7,12,2011);" <div="" style="color:black">7 <div class="am">13</div></td>
<td class="ngaythang" title="Ngày Đinh Dậu, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(14,11,2011,0,2455904,8,12,2011);" <div="" style="color:black">8 <div class="am">14</div></td>
<td class="ngaythang" title="Ngày Mậu Tuất, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(15,11,2011,0,2455905,9,12,2011);" <div="" style="color:black">9 <div class="am">15</div></td>
<td class="ngaythang" title="Ngày Kỷ Hợi, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(16,11,2011,0,2455906,10,12,2011);" <div="" style="color:green">10 <div class="am">16</div></td>
</tr>
<tr>
<td class="ngaythang" title="Ngày Canh Tý, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(17,11,2011,0,2455907,11,12,2011);" <div="" style="color:red">11 <div class="am">17</div></td>
<td class="ngaythang" title="Ngày Tân Sửu, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(18,11,2011,0,2455908,12,12,2011);" <div="" style="color:black">12 <div class="am">18</div></td>
<td class="ngaythang" title="Ngày Nhâm Dần, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(19,11,2011,0,2455909,13,12,2011);" <div="" style="color:black">13 <div class="am">19</div></td>
<td class="homnay" title="Ngày Quý Mão, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(20,11,2011,0,2455910,14,12,2011);" <div="" style="color:black">14 <div class="am">20</div></td>
<td class="ngaythang" title="Ngày Giáp Thìn, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(21,11,2011,0,2455911,15,12,2011);" <div="" style="color:black">15 <div class="am">21</div></td>
<td class="ngaythang" title="Ngày Ất Tỵ, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(22,11,2011,0,2455912,16,12,2011);" <div="" style="color:black">16 <div class="am">22</div></td>
<td class="ngaythang" title="Ngày Bính Ngọ, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(23,11,2011,0,2455913,17,12,2011);" <div="" style="color:green">17 <div class="am">23</div></td>
</tr>
<tr>
<td class="ngaythang" title="Ngày Đinh Mùi, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(24,11,2011,0,2455914,18,12,2011);" <div="" style="color:red">18 <div class="am">24</div></td>
<td class="ngaythang" title="Ngày Mậu Thân, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(25,11,2011,0,2455915,19,12,2011);" <div="" style="color:black">19 <div class="am">25</div></td>
<td class="ngaythang" title="Ngày Kỷ Dậu, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(26,11,2011,0,2455916,20,12,2011);" <div="" style="color:black">20 <div class="am">26</div></td>
<td class="ngaythang" title="Ngày Canh Tuất, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(27,11,2011,0,2455917,21,12,2011);" <div="" style="color:black">21 <div class="am">27</div></td>
<td class="ngaythang" title="Ngày Tân Hợi, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(28,11,2011,0,2455918,22,12,2011);" <div="" style="color:black">22 <div class="am">28</div></td>
<td class="ngaythang" title="Ngày Nhâm Tý, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(29,11,2011,0,2455919,23,12,2011);" <div="" style="color:black">23 <div class="am">29</div></td>
<td class="ngaythang" title="Ngày Quý Sửu, tháng Canh Tý, năm Tân Mão" onclick="alertDayInfo(30,11,2011,0,2455920,24,12,2011);" <div="" style="color:green">24 <div class="am">30</div></td>
</tr>
<tr>
<td class="ngaythang" title="Ngày Giáp Dần, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(1,12,2011,0,2455921,25,12,2011);" <div="" style="color:red">25 <div class="am">1/12</div></td>
<td class="ngaythang" title="Ngày Ất Mão, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(2,12,2011,0,2455922,26,12,2011);" <div="" style="color:black">26 <div class="am">2</div></td>
<td class="ngaythang" title="Ngày Bính Thìn, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(3,12,2011,0,2455923,27,12,2011);" <div="" style="color:black">27 <div class="am">3</div></td>
<td class="ngaythang" title="Ngày Đinh Tỵ, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(4,12,2011,0,2455924,28,12,2011);" <div="" style="color:black">28 <div class="am">4</div></td>
<td class="ngaythang" title="Ngày Mậu Ngọ, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(5,12,2011,0,2455925,29,12,2011);" <div="" style="color:black">29 <div class="am">5</div></td>
<td class="ngaythang" title="Ngày Kỷ Mùi, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(6,12,2011,0,2455926,30,12,2011);" <div="" style="color:black">30 <div class="am">6</div></td>
<td class="ngaythang" title="Ngày Canh Thân, tháng Tân Sửu, năm Tân Mão" onclick="alertDayInfo(7,12,2011,0,2455927,31,12,2011);" <div="" style="color:green">31 <div class="am">7</div></td>
</tr>
<tr>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
<td class="ngaythang"><div class="cn">&nbsp;</div> <div class="am">&nbsp;</div></td>
</tr>
</tbody></table>
<script language="JavaScript" src="./Ho Ngoc Duc's Lunar Calendar_2_files/amlich-hnd.js"></script>



</td>
</tr>

<tr>
<td align="center">
<form name="SelectMonth" action="">
Tháng
<select name="month">
  <option value="1">1
  </option><option value="2">2
  </option><option value="3">3
  </option><option value="4">4
  </option><option value="5">5
  </option><option value="6">6
  </option><option value="7">7
  </option><option value="8">8
  </option><option value="9">9
  </option><option value="10">10
  </option><option value="11">11
  </option><option value="12">12
</option></select> &nbsp;&nbsp;&nbsp;&nbsp;
Năm
<input name="year" size="4" value="2005"> &nbsp;

<p>

<input type="button" value="Xem lịch tháng" onclick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));">
&nbsp;&nbsp;
<input type="button" value="Xem lịch năm" onclick="javascript:viewYear(parseInt(year.value));">
</p></form>

<script type="text/javascript">
<!--
	getSelectedMonth();
	document.SelectMonth.month.value = currentMonth;
	document.SelectMonth.year.value = currentYear;
	function viewMonth(mm, yy) {
		window.location = window.location.pathname + '?yy='+yy+'&mm='+mm;
	}
	function viewYear(yy) {
		var loc = 'currentyear.html?yy='+yy;
		var win2702 = window.open(loc, "win2702", "menubar=yes,scrollbars=yes,resizable=yes");
	}
	
//-->
</script>

</td>
</tr>

</tbody></table>

<ul>
<li>Chọn một tháng của một năm trong khoảng 1800-2199 và nhấn chuột vào nút <b>Xem lịch tháng</b> để xem lịch của tháng đã chọn.</li>
<li>Kích chuột vào nút <b>Xem lịch năm</b> sẽ hiển thị lịch của cả năm đã chọn. Lịch năm có thể in vừa trên một trang A4 (sử dụng chức năng in của chương trình duyệt).</li>
<li>Để xem Can-Chi của một ngày, nhấn chuột vào ô hiển thị ngày đó. Nhấn chuột vào dòng thứ hai (chứa tên các ngày trong tuần: CN, T2...) sẽ hiện thông tin về chương trình.</li>
</ul>


<p>

</p><h2>Sử dụng thư viện JavaScript tính âm lịch trên trang Web của bạn</h2>

Bạn có thể hiển thị ngày tháng âm lịch trên trang Web của mình bằng nhiều cách khác nhau.

<h3>Hiện ngày tháng trên thanh trạng thái (status bar)</h3>

Đây là cách đơn giản nhất. Chỉ cần thêm đoạn mã sau vào bất kỳ vị trí nào trong trang Web của bạn:

<p>
</p><blockquote>
<code>
&lt;script type="text/javascript" language="JavaScript" src="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/amlich-hnd.js"&gt;<br>
&lt;/script&gt;<br>
&lt;script language="JavaScript"&gt;<br>
&lt;!--<br>
&nbsp;&nbsp;&nbsp; showVietCal();<br>
--&gt;<br>
&lt;/script&gt;<br>
</code>
</blockquote>

Kết quả sẽ giống như Statusbar của trang bạn đang xem.

<h3>Chèn lịch tháng vào trang Web với IFRAME</h3>

<p>Chèn đoạn mã sau vào vị trí mà bạn muốn bảng lịch tháng hiện ra:</p>

<blockquote>
<code>
&lt;IFRAME src="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/currentmonth.html" 
align="right" name="CurentMonth" width="188" height="228" scrolling="no" frameborder=0&gt;<br>
&lt;/IFRAME&gt;
</code>
</blockquote>

<p>Kết quả sẽ tương tự như trang <a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/sample01.html">sample01.html</a>.
</p>

<h3>Chèn trực tiếp lịch tháng vào trang Web</h3>

<p>Chèn đoạn mã sau vào vị trí mà bạn muốn bảng lịch tháng hiện ra:</p>

<blockquote>
<code>
&lt;script type="text/javascript" language="JavaScript" src="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/amlich-hnd.js"&gt;<br>
&lt;/script&gt;<br>
&lt;script language="JavaScript"&gt;<br>
&lt;!--<br>
      setOutputSize("small");<br>
      document.writeln(printSelectedMonth());<br>
--&gt;<br>
&lt;/script&gt;<br>
</code>
</blockquote>

<p>Kết quả sẽ tương tự như trang <a href="http://www.informatik.uni-leipzig.de/~duc/amlich/JavaScript/sample02.html">sample02.html</a>. Trang bạn đang xem cũng dùng phương pháp này.
</p>

<h3>Thông tin về chương trình</h3>

Chương trình âm lịch Việt Nam bằng JavaScript do tác giả <a href="http://www.informatik.uni-leipzig.de/~duc/">Hồ Ngọc Đức</a> thực hiện. 
Hiện tại chương trình chứa dữ liệu cho 4 thế kỷ, từ 1800 đến 2199. Các số liệu này được tính sẵn 
bằng <a href="http://www.informatik.uni-leipzig.de/~duc/amlich/">chương trình Java</a> của cùng tác giả. Dữ liệu cho các thế kỷ khác có thể 
được tác giả cung cấp theo yêu cầu.

<p>
Bạn có thể <a href="http://www.informatik.uni-leipzig.de/~duc/amlich/amlich-js.zip">download thư viện JavaScript tính âm lịch</a> và thêm các chức năng bạn muốn có. 
Ví dụ, bạn có thể sửa đổi hàm alertDayInfo để chương trình không hiện Can-Chi của ngày vừa chọn mà hiện các thông tin khác như lịch hoạt động trong ngày v.v.

<!--
<h3>Những thay đổi gần đây</h3>

<ul>
<li> 03/2005: Sửa lỗi bất tương thích với IE. Hiển thị giờ hoàng đạo. Sửa lỗi tính jdn
<li> 09/2004: Công bố phiên bản 0.2
</ul>
-->



</p><div><embed id="lingoes_plugin_object" type="application/lingoes-npruntime-capture-word-plugin" hidden="true" width="0" height="0"></div></body></html>